.vue-flow__minimap {
    transform: scale(75%);
    transform-origin: bottom right;
}

.basicflow.dark {
    background: #57534e;
    color: #fffffb
}

.basicflow.dark .vue-flow__node {
    background: #292524;
    color: #fffffb
}

.basicflow.dark .vue-flow__controls .vue-flow__controls-button {
    background: #292524;
    fill: #fffffb;
    border-color: #fffffb
}

.basicflow.dark .vue-flow__edge-textbg {
    fill: #292524
}

.basicflow.dark .vue-flow__edge-text {
    fill: #fffffb
}

.basicflow .controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px
}

.basicflow .controls button {
    padding: 4px;
    border-radius: 5px;
    font-weight: 600;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px #0000004d;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.basicflow .controls button:hover {
    transform: scale(102%);
    transition: .25s all ease
}